<template>
  <div class="header-container">
    <div class="logo-title">
      <img class="logo" src="@/assets/404_images/404.png" alt="404">
      <div class="title">金袋子</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HeaderContainer',
  props: {
  },
  methods: {

  }
};
</script>

  <style scoped lang="scss">
  .header-container{
    width: 100%;
    height: 65px;
    background: #007fff;
  }
  .logo-title{
    display: flex;
    align-items: center;
    margin-left: 20px;
    height: 100%;
    .logo{
        width: 100px;
    }
    .title{
        font-size: 22px;
        color: #fff;
        font-weight: bold;
    }
  }

  </style>
